<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Elements</title>
    <style>
        p {
            display: inline
        }

        em {
            display: block
        }
    </style>
</head>
<body>
    <font size="+3" face="Helvetica" color="red">Page Title</font>
    <h1>Leaping Above The Water</h1>
    <h2>
        <font color="purple">This is purple!</font>
    </h2>
    <div>
        obsoleted: <br>
        <font></font>
        <basefont></basefont>
        <u></u>
        <strike></strike>
        <s></s>
        <center></center>
        replaced element: <br>
        <img src="howdy.gif" alt="how dy image"> nonreplaced element: <br>
        <span>hi there</span>
    </div>
    <div>
        <p>This is a paragraph with <em>an inline element</em> within in it.</p>
    </div>
    <pre>
        display
        值  none | inline | block | inline-block | list-item | run-in
            table | inline-table | table-row-group | table-header-group 
            table-footer-group | table-row | table-column-group | table-column
            table-cell | table-caption | inherit
        初始值  inline
        应用于  所有元素
        继承性  无
        计算值  对于浮动元素、定位元素和根元素可变（参见CSS2.1 第9.7节）；否则为指定值
    </pre>
    <em><p>This is a paragraph improperly enclosed by an inline element.</p></em>
</body>
</html>